<template>
  <van-swipe :autoplay="3000" indicator-color="$bgColor" class="home-swipre" v-if="swiperlist.length!==0">
    <van-swipe-item v-for="(image, index) in swiperlist" :key="index">
      <van-image lazy-load :src="image.imgUrl" width="100%" height="100%">
        <template v-slot:loading>
          <van-loading type="spinner" size="20"/>
        </template>
      </van-image>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  name: "HomeSwipre",
  props: {
    swiperlist: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  components: {},
  data() {
    return {
      
    };
  },
  methods: {
    // *******************************网络请求*******************************
    // *******************************逻辑处理*******************************
  },
  computed: {},
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  updated() {}, //生命周期 - 更新之后
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='stylus' scoped>
.home-swipre {
  height: 25.6vw;
  background: #eee;
}
</style>